<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="/WEB-INF/tlds/authorizetag.tld" prefix="px"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<!-- Bootstrap core CSS -->
<link href="/admin/public/bootstrap.min.css" title="" rel="stylesheet" />
<link rel="stylesheet" href="/admin/css/plugins/toastr/toastr.min.css" />
<link href="/admin/font-awesome/css/font-awesome.min.css"
	rel="stylesheet">
<link href="/admin/public/animate.css" rel="stylesheet">
<link rel="stylesheet" href="/admin/public/inspinia.css" />
<link rel="stylesheet" href="/admin/css/templet_form.css" />
<link rel="stylesheet" type="text/css"
	href="${request.getContext }/admin/css/xcConfirm.css" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	<script src="/admin/public/html5shiv.min.js"></script>
	<script src="/admin/public/respond.min.js"></script>
<![endif]-->
<style>
/* 
	表格样式水平居中
*/
table tr th {
	text-align: center;
}

table tr td {
	vertical-align: middle !important;
	text-align: center;
}
/*
	设置按钮里面字体的颜色
*/
table a {
    color: white !important;
}
</style>
<title>内容管理</title>
</head>
<body style="overflow-x:auto;min-width:1450px;">
	<div id="wrapper" class="container">
		<!--标编辑-->
		<div id="biaobj" class=" wrapper wrapper-content animated fadeInRight">
			<h3>内容管理</h3>
			<div class="right_box" id="right_box">
				<form action="/admin/content/selectBySub" class="form-horizontal">
					<div class="form-group">
						<div class="col-lg-8 col-md-8 col-sm-8" >
							<label style="text-align:center !important;" for="" class="col-lg-2 col-md-2 col-sm-2 control-label">标题:</label>
							<div class="col-lg-5 col-md-5 col-sm-5">
								<input style="margin-left: -50px;" type="text" name="title"
									id="title" value="${title}" class="form-control" />
							</div>
							<div  >
								<input type="hidden" value="${coursesInfoId }" name="coursesInfoId" id="coursesInfoId"/>
								<button style="width: 82px; height: 34px;" type="submit"
									class=" btn btn-success">搜索</button>
								<input type="hidden" value="${coursesType}"  id="coursesType" name="coursesType"/>
								<input type="button" style="width:82px;height:34px; margin-left: 12px" onclick="fh();" value="返回"  class="btn btn-success"/>
								<button onclick="addModel(${coursesInfoId})"
									style="width: 82px; height: 34px; margin-left: 15px;"
									type="button"  class="btn btn-success">添加</button>
							</div>
						</div>
						<%-- <div class="col-lg-4 col-md-4 col-sm-4" >
							<input type="hidden" value="${coursesInfoId }" name="coursesInfoId" id="coursesInfoId"/>
							<button style="width: 82px; height: 34px;" type="submit"
								class="col-lg-3 btn btn-success">搜索</button>
							<input type="hidden" value="${coursesType}"  id="coursesType" name="coursesType"/>
							<input type="button" style="width:82px;height:34px; margin-left: 12px" onclick="fh();" value="返回"  class="btn btn-success"/>
							<button onclick="addModel(${coursesInfoId})"
								style="width: 82px; height: 34px; margin-left: 15px;"
								type="button"  class="col-lg-3 btn btn-success">添加</button>
						</div> --%>
					</div>
				</form>

				<!--表格部分-->
				<div class="ibox-content">
					<div class="row">
						<div class="col-sm-12">
							<table
								class="table table-striped table-bordered table-hover dataTables-example">
								<thead>
									<tr>
										<th>序号</th>
										<th>课程名称</th>
										<th>课程类别</th>
										<th>栏目</th>
										<th>栏目类别</th>
										<th>标题</th>
										<th>内容排序号</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
									<c:forEach items="${list}" var="item" varStatus="n">
										<tr>
											<td>${n.index+1 }</td>
											<td>${item.coursesName }</td>
											<td>
												<c:if test="${item.coursesType eq 0}">团课</c:if>
												<c:if test="${item.coursesType eq 1}">私教</c:if>
												<c:if test="${item.coursesType eq 2}">训练营 </c:if>
											</td>
											<td>${item.nodeTitle }</td>
											<td>
												<c:if test="${item.type eq 0}">团课</c:if>
												<c:if test="${item.type eq 1}">私教</c:if>
												<c:if test="${item.type eq 2}">训练营 </c:if>
											</td>
											<td>${item.title }</td>
											<td>${item.orderNum }</td>
											<td>
												<px:authorize setting="内容-删除内容">
													<a onclick="del('${item.coursesInfoCoId}');"  class="btn btn-warning btn-xs" ><i class="fa fa-times" ></i>删除</a>
												</px:authorize>
												<a onclick="up('${item.coursesInfoCoId}');" class="up btn btn-primary btn-xs"><i class="fa fa-pencil"></i>修改</a>
											</td>
										</tr>
									</c:forEach>
								</tbody>
							</table>
						</div>
					</div>
					<div class="row">
						<form action="" id="for" name="for" method="post">
							<input type="hidden" name="yehao" id="yin" value="1"> <input
								type="hidden" name="pagesize" id="tiaoshu"
								value="${page.pageSize }">
							<div class="fy">
								<span style="float: left;">每页条数：</span> <select
									style="width: 70px; float: left;"
									onchange="changeItem(this.value)" id="pagesize" name="pageSize">
									<option value="10" ${page.pageSize==10?'selected':'' }>10</option>
									<option value="20" ${page.pageSize==20?'selected':'' }>20</option>
									<option value="50" ${page.pageSize==50?'selected':'' }>50</option>
									<option value="100" ${page.pageSize==100?'selected':'' }>100</option>
									<option value="200" ${page.pageSize==200?'selected':'' }>200</option>
								</select>
								<div style="height: 27px;" class="col-sm-7">
									<div class="dataTables_paginate paging_simple_numbers"
										id="editable_paginate">
										<ul class="pagination pull-right" style="margin: -3px 0;">
											<li class="paginate_button previous" id="editable_previous">
												<a href="javascript:han(${page.pageNow-1 })"
												aria-controls="editable" data-dt-idx="0" tabindex="0">上一页</a>
											</li>
											<li class="paginate_button previous" id="editable_previous">
												<a aria-controls="editable" style="border: 0"
												data-dt-idx="0" tabindex="1"><input type="text"
													id="current"
													style="width: 32px; height: 19px; text-align: center;"
													value="${page.totalPageCount==0?0:page.pageNow}" /> /
													${page.totalPageCount }</a>
											</li>
											<li class="paginate_button previous" id="editable_previous">
												<a href="javascript:han(${page.pageNow+1 })"
												aria-controls="editable" data-dt-idx="0" tabindex="5">下一页</a>
												<a href="javascript:han($('#current').val())"
												aria-controls="editable" data-dt-idx="0" tabindex="5">跳转</a>
											</li>
										</ul>
									</div>
								</div>
								<div style="float: right;">总共${page.totalCount }条</div>
							</div>

						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- <iframe id="ifr" src="r_swiper.html" frameborder="no" scrolling="no" width="780px" height="100%" allowtransparency="true"></iframe> -->
	<script src="/admin/public/jquery-1.11.3.js"></script>
	<script src="/admin/public/bootstrap.min.js" type="text/javascript"></script>
	<script src="/admin/js/plugins/lhgdialog/lhgdialog.js"></script>
	<!-- 弹出警示框 -->
	<script src="/admin/js/plugins/toastr/toastr.min.js"></script>
	<!-- 弹出确认框 -->
	<script src="/admin/public/artDialog4.1.7/artDialog.js?skin=blue"></script>
	<script src="/admin/public/artDialog4.1.7/plugins/iframeTools.js"></script>

	<script src="/admin/js/templet_form.js"></script>
	<script src="${request.getContext }/admin/js/xcConfirm.js"
		type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		//分页
    	function han(pn){
    		document.getElementById("yin").value=pn;
    		var biao=document.getElementById("for");
    		document.for.action="/admin/content/selectBySub?coursesInfoId="+document.all.coursesInfoId.value+"&title="+document.all.title.value+"&coursesType="+document.all.coursesType.value;
    		biao.submit();
    	}
    	function changeItem(size) {
    		document.getElementById("tiaoshu").value=size;
    		var biao=document.getElementById("for");
    		document.for.action="/admin/content/selectBySub?coursesInfoId="+document.all.coursesInfoId.value+"&title="+document.all.title.value+"&coursesType="+document.all.coursesType.value;
    		biao.submit();
    	}
    	//返回
		function fh(){
			var coursesType = $("#coursesType").val();
			window.location.href="/courses/cournfo?coursesType="+coursesType;
		}
		//删除内容信息
		function del(coursesInfoCoId){
			var coursesInfoId = $("#coursesInfoId").val();
			var coursesType = $("#coursesType").val();
			window.wxc.xcConfirm("确定要删除吗？", window.wxc.xcConfirm.typeEnum.confirm,{onOk:function(){ 
	  			$.post("/admin/content/delcontent",{"coursesInfoCoId":coursesInfoCoId},
	  			function(data){
	  				window.wxc.xcConfirm(data.msg, window.wxc.xcConfirm.typeEnum.info,
							{onOk:function(){window.location.href="/admin/content/selectBySub?coursesInfoId="+coursesInfoId+"&coursesType="+coursesType;}}
					)
	  			});
	  		}})
		}
		
		//修改内容信息
		function up(coursesInfoCoId) {
			var coursesInfoId = $("#coursesInfoId").val();
			var coursesType = $("#coursesType").val();
			$.dialog({
				title : '修改展示内容',
				width : 900,
				height : 580,
				lock:true,
				content : 'url:/admin/content/upModel?coursesInfoCoId='+coursesInfoCoId+"&coursesType="+coursesType, 
				init : function() {
				var iframe = this.iframe.contentWindow;
				var ul = iframe.document.getElementById('');
			},
			button : [
				{
					name : '保存',
					callback : function() {
					var iframe = this.iframe.contentWindow;
					var btn = iframe.document.getElementById('tijiao').click();
						if (btn == true) {
							
						} else {
							return false;
						}
					},
					focus : true	

				}, {
						name : '取消',
						callback : function() {
		
						}
					} 
			]
			});
		}
    </script>
    <!-- 添加展示内容 -->
    	<script type="text/javascript">
    	function addModel(coursesInfoId) {
    		var coursesType = $("#coursesType").val();
			$.dialog({
				title : '添加展示内容',
				width : 900,
				height : 580,
				lock:true,
				content : 'url:/admin/content/addModel?coursesInfoId='+coursesInfoId+"&coursesType="+coursesType,
				init : function() {
				var iframe = this.iframe.contentWindow;
				var ul = iframe.document.getElementById('');
			},
			button : [
				{
					name : '保存',
					callback : function() {
					var iframe = this.iframe.contentWindow;
					var btn = iframe.document.getElementById('tijiao').click();
						if (btn == true) {
							
						} else {
							/* if(iframe.document.getElementById('checkTF').value==1){
								$('#ifr',window.parent.document).attr('src','/admin/content/selectBySub?coursesInfoId='+coursesInfoId);
							} */
							return false;
						}
					},
					focus : true	

				}, {
						name : '取消',
						callback : function() {
		
						}
					} 
			]
			});
		}
		
    	</script>
</body>
</html>